/* 定义css3前缀*/
@mixin display-flex{
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

@mixin flex-center($flex-direction:column,$align-items:center,$justify-content: center){
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: $flex-direction;
  flex-direction: $flex-direction;
  -webkit-box-pack: $justify-content;
  -ms-flex-pack: $justify-content;
  justify-content: $justify-content;
  -webkit-box-align: $align-items;
  -ms-flex-align: $align-items;
  align-items: $align-items;
}

.environment-introduce{
  background:#fff;
  width:100%;
  height:100%;
  margin:0 auto;
  .service-banner{
    width:100%;
    img{
      width: 100%;
      height: 100%;
    }
  }
  .content{
    p{
      text-align: left;
      text-indent:2em;
    }
  }

  /*总体样式*/
  .environment{
    background: #f8f8f8;
    width: 100%;
    height: auto;
    @include display-flex;
    @include flex-center();
    /*园林景观样式*/
    .land-scape{
      height: 1000px;
      background: #fff;
      width:100%;
      //园林景观 上半部分
      .landScape_top{
        width:980px;
        height: 412px;
        margin:90px auto 0px;
        overflow: hidden;
        padding-top: 10px;
        @include display-flex;
        @include flex-center(row,flex-start);
        .landScape_img{
          // margin-top: 10px;
          // width:490px;
          height:410px;
          img{
            width:100%;
            height:100%;
          }
        }
        //内容部分
        .landScape_content{
          //width:490px;
          height:410px;
          -webkit-box-shadow: 0px 0px 1px rgba(0,0,0,0.35);
          -webkit-box-shadow: 0px 0px 1px rgba(0,0,0,0.35);
          box-shadow: 0 0 1px rgba(0,0,0,0.35);
          //margin-top: 10px;
          // border-radius: 5px;
          border:1px solid #e9e9e9;
          h3{
            font-size: 30px;
            margin:70px auto 0px;
            width:100%;
            text-align: center;
          }
          .landScape_summary{
            font-size: 16px;
            line-height: 26px;
            padding: 0;
            text-align: center;
            margin-top: 10px;
            color: #b67233;
          }
          .landScape_border{
            display: block;
            height: 4px;
            width: 250px;
            margin: 16px auto 0 auto;
            background: #b67233;
          }
          .land_content{
            font-size: 14px;
            color: #333;
            line-height: 22px;
            text-indent: 28px;
            font-family: "Microsoft Yahei";
            padding: 16px 60px 10px;
            text-align: justify;

          }
        }
      }
      //园林景观下半部分
      .landScape_bottom{
        width: 980px;
        height:410px;
        margin: 0 auto;
        img{
          width:100%;
          height:100%;
        }
      }
    }

    .mother-care{
      height: 1000px;
      background: #F7F8F8;
      width:100%;
      .motherCare_top{
        width:980px;
        height: 410px;
        margin:90px auto 0px;
        overflow: hidden;
        @include display-flex;
        @include flex-center(row-reverse,flex-start);
      }
    }
  }

}
